<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/order/payment.css">
</head>

<body>
    <div id="app">
        <!--======================== header ========================= -->
        <div id="header">
            <div class="logo">
                <a href="">随风</a>
                <img src="../images/index/logo.jpg" alt="">
            </div>
            <div class="nav">
                <ul>
                    <li><a href="">首页</a></li>
                    <li><a href="">去旅行</a></li>
                    <li><a href="">个人中心</a></li>
                    <a href="javascript:void(0)" class="box">
                        <input type="text" class="box-search">
                    </a>
                    <div class="search-btn">
                        <a class="btn" href="javascript:void(0)">
                            <i class="icon-search"></i>
                        </a>
                    </div>
                </ul>
            </div>
            <div class="login">
                <a href="">登录</a>
                <span class="split">|</span>
                <a href="">注册</a>
            </div>
        </div>

        <div class="container">
            <div class="main-title">
                <span class="main-logo">
                    <img src="../images/index/logo.jpg" alt="">
                    <a href="">随风</a>
                </span>
                <span class="main-split"></span>
                <span class="sub">收银台</span>
            </div>
            <div class="message">
                <h3>
                    <i class="i-success"></i>
                    您的订单提交成功！
                </h3>
                <div class="item-info">
                    <span class="label">订单号</span>
                    <span class="num">24872182024090940126896</span>
                </div>
            </div>
            <div class="message-price">
                <div class="message-price-ta">
                    <span class="label">应付金额：</span>
                    <span class="price">￥98.00</span>
                </div>
            </div>
            <div class="payment">
                <div class="payment-hd">
                    支付方式
                </div>
                <div class="payment-bd">
                    <span class="checkbtn">
                        <input type="checkbox">
                    </span>
                    <span class="method"></span>
                </div>
            </div>
            <div class="order-action">
                <a href="javascript:void(0)" class="btn">确认支付</a>
                <p>支付成功后，请注意接受短信和邮件</p>
            </div>
        </div>
    </div>
</body>

</html>